/**
 * Created with IntelliJ IDEA.
 * User: vmyusupov
 * Date: 12.04.13
 * Time: 12:28
 * To change this template use File | Settings | File Templates.
 */

$(document).ready(function() {

    <!-- модальные окна навигации -->
    $( "#about" ).hide();
    $( "#contacts" ).hide();
    $( "#forbeer" ).hide();
    $( "#autoreg" ).hide();
    $( "#outputWin" ).hide();
    $( "#delPageWin").hide();
    $("#newsBlock").hide();

    $('#aboutProj').click(function() {
        $( "#about" ).dialog({
            height: 340,
            width: 500,
            title: 'О проекте',
            modal: true,
            buttons: {
                'Закрыть': function() {
                    $( "#about" ).dialog("close");
                }
            }
        });
    });

    $('#ourContacts').click(function() {
        $( "#contacts" ).dialog({
            height: 280,
            width: 500,
            title: 'Контакты',
            modal: true,
            buttons: {
                'Закрыть': function() {
                    $( "#contacts" ).dialog("close");
                }
            }
        });
    });

    $('#forbeershow').click(function() {
        $( "#forbeer" ).dialog({
            height: 450,
            width: 550,
            title: 'Вы тоже можете поддержать проект',
            modal: true,
            buttons: {
                'Закрыть': function() {
                    $( "#forbeer" ).dialog("close");
                }
            }
        });
    });

    <!-- вкладки выбора шаблонов-->
    $( "#lauTempCont" ).hide();
    $( "#ctrTempCont" ).hide();
    $( "#leadTempCont" ).hide();
    $('#tabIco4 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});

    $('#tabIco2').click(function() {
        $( "#lauTempCont" ).show();
        $( "#leadTempCont" ).hide();
        $( "#ctrTempCont" ).hide();
        $( "#orderTempCont" ).hide();
        $('#tabIco1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco2 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIco3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIco1').click(function() {
        $( "#lauTempCont" ).hide();
        $( "#leadTempCont" ).show();
        $( "#ctrTempCont" ).hide();
        $( "#orderTempCont" ).hide();
        $('#tabIco1 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIco2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIco3').click(function() {
        $( "#lauTempCont" ).hide();
        $( "#leadTempCont" ).hide();
        $( "#ctrTempCont" ).show();
        $( "#orderTempCont" ).hide();
        $('#tabIco1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco3 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIco4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIco4').click(function() {
        $( "#lauTempCont" ).hide();
        $( "#leadTempCont" ).hide();
        $( "#ctrTempCont" ).hide();
        $( "#orderTempCont" ).show();
        $('#tabIco1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIco4 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIco3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    <!-- вкладки редактирования страницы -->
    $( "#tabCont2" ).hide();
    $( "#tabCont3" ).hide();
    $( "#tabCont4" ).hide();
    $( "#tabCont5" ).hide();
    $('#tabIcoTemp1 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});

    $('#tabIcoTemp1').click(function() {
        $( "#tabCont1" ).show();
        $( "#tabCont2" ).hide();
        $( "#tabCont3" ).hide();
        $( "#tabCont4" ).hide();
        $( "#tabCont5" ).hide();
        $('#tabIcoTemp2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp1 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIcoTemp3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp5 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIcoTemp2').click(function() {
        $( "#tabCont2" ).show();
        $( "#tabCont1" ).hide();
        $( "#tabCont3" ).hide();
        $( "#tabCont4" ).hide();
        $( "#tabCont5" ).hide();
        $('#tabIcoTemp1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp2 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIcoTemp3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp5 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIcoTemp3').click(function() {
        $( "#tabCont3" ).show();
        $( "#tabCont2" ).hide();
        $( "#tabCont1" ).hide();
        $( "#tabCont4" ).hide();
        $( "#tabCont5" ).hide();
        $('#tabIcoTemp2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp3 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIcoTemp1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp5 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIcoTemp4').click(function() {
        $( "#tabCont4" ).show();
        $( "#tabCont2" ).hide();
        $( "#tabCont3" ).hide();
        $( "#tabCont1" ).hide();
        $( "#tabCont5" ).hide();
        $('#tabIcoTemp2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp4 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIcoTemp3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp5 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    $('#tabIcoTemp5').click(function() {
        $( "#tabCont5" ).show();
        $( "#tabCont2" ).hide();
        $( "#tabCont3" ).hide();
        $( "#tabCont4" ).hide();
        $( "#tabCont1" ).hide();
        $('#tabIcoTemp2 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp5 >img').css({'border' : '1px solid #c0c0c0', 'background-color' : '#c0c0c0'});
        $('#tabIcoTemp3 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp4 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
        $('#tabIcoTemp1 >img').css({'border' : '1px solid white', 'background-color' : '#ffffff'});
    });

    <!-- наведение на вкладки -->
    $('.tabIco >img').mouseover(function(){
        $(this).css({'border' : '1px solid #c0c0c0'});
    }).mouseout(function() {
            $(this).css({'border' : '1px solid white'});
        });

    <!-- наведение на меню -->
    $('.hovMenu a>img').mouseover(function(){
        $(this).css({'border' : '1px solid #c0c0c0'});
    }).mouseout(function() {
            $(this).css({'border' : '1px solid white'});
        });

    <!-- наведение на меню панели управления страницами-->
    $('.hovMenuP img').mouseover(function(){
        $(this).css({'border' : '1px solid #c0c0c0'});
    }).mouseout(function() {
            $(this).css({'border' : '1px solid white'});
        });

    <!-- наведение на кнопку удаления страницы-->
    $('.hovMenuPDel img').mouseover(function(){
        $(this).css({'border' : '1px solid #c0c0c0'});
    }).mouseout(function() {
            $(this).css({'border' : '1px solid white'});
        });

    <!-- плавающая панель в блоге -->
    $(window).scroll(function(){
        $('#skteam').css('top', $(document).scrollTop());
    });

    <!-- фокус полей редактирования -->
    var myTxt = "";
    $('.galTempl textarea').focus(function() {
        myTxt = $(this).val();
        $(this).text('');
    });
    $('.galTempl textarea').blur(function() {
        if ($(this).val().length == 0){
            $(this).text(myTxt);
        };
    });

    <!-- регистрация/авторизация -->
    //$( "#autoreg" ).hide();

    $('#testBtn').click(function() {
        $( "#autoreg" ).dialog({
            height: 315,
            width: 530,
            modal: true,
            buttons: {
                /*'Закрыть': function() {
                    $( "#autoreg" ).dialog("close");
                }   */
            }
        });
    });

    $('#input').click(function() {
        $( "#autoreg" ).dialog({
            height: 315,
            width: 530,
            modal: true,
            buttons: {
                /*'Закрыть': function() {
                 $( "#autoreg" ).dialog("close");
                 }   */
            }
        });
    });

    <!-- выход из учетки -->
    $('#output').click(function() {
        $( "#outputWin" ).dialog({
            height: 200,
            width: 200,
            modal: true,
            buttons: {
                'Да': function() {
                    location.href = $('#output').attr('data-href');
                 },
                'Нет': function() {
                    $( "#outputWin" ).dialog("close");
                }
            }
        });
    });

    <!-- слайдер -->
    $("[data-slider]")
        .each(function () {
            var input = $(this);
            $("<span>")
                .addClass("output")
                .insertAfter($(this));
        })
        .bind("slider:ready slider:changed", function (event, data) {
            $(this)
                .nextAll(".output:first")
                .html(data.value.toFixed(0));
    });

    /*закрыть новостной блок*/
    $('#flip').click(function() {
        $('#newsBlock').slideToggle("slow");
    });

    <!-- подтверждение удаления -->
    $('.hovMenuPDel').click(function() {
        $( "#delPageWin" ).dialog({
            height: 200,
            width: 300,
            modal: true,
            buttons: {
                'Да': function() {
                    location.href = $('.hovMenuPDel').attr('data-href');
                },
                'Нет': function() {
                    $( "#delPageWin" ).dialog("close");
                }
            }
        });
    });

});
